<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="/assets/lib/layui/css/layui.css">
	<link rel="stylesheet" href="/assets/css/article/art_cate.css">
</head>

<body>
	<div class="layui-card">
		<div class="layui-card-header">
			<span>文章类别管理</span>
			<button type="button" class="layui-btn layui-btn-normal layui-btn-sm add">添加类别</button>
		</div>
		<div class="layui-card-body">
			<table class="layui-table article">
				<colgroup>
					<col>
					<col>
					<col width="200">
				</colgroup>
				<thead>
					<tr>
						<th>分类名称</th>
						<th>分类别名</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<!-- <tr>
						<td>贤心</td>
						<td>666</td>
						<td>
							<button type="button" class="layui-btn layui-btn-xs">编辑</button>
							<button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
						</td>
					</tr> -->
				</tbody>
			</table>
		</div>
	</div>

	<!-- 添加分类的弹出层 -->
	<script type="text/html" id="dialog-add">
		<form class="layui-form" id="form-add">
			<div class="layui-form-item">
				<label class="layui-form-label">分类名称</label>
				<div class="layui-input-block">
					<input type="text" name="name" required  lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">分类别名</label>
				<div class="layui-input-block">
					<input type="text" name="alias" required  lay-verify="required" placeholder="请输入分类别名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit lay-filter="formDemo">确认添加</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
	</script>

	<!-- 修改分类的弹出层 -->
	<script type="text/html" id="dialog-edit">
		<form class="layui-form" id="form-edit" lay-filter="form-edit">
			<!-- 隐藏域，保存 Id 的值 -->
			<input type="hidden" name="Id">
			<div class="layui-form-item">
				<label class="layui-form-label">分类名称</label>
				<div class="layui-input-block">
					<input type="text" name="name" required  lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">分类别名</label>
				<div class="layui-input-block">
					<input type="text" name="alias" required  lay-verify="required" placeholder="请输入分类别名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
				</div>
			</div>
		</form>
	</script>

	<script src="/assets/lib/layui/layui.all.js"></script>
	<script src="/assets/lib/jquery.js"></script>
	<script src="/assets/js/base.api.js"></script>
	<script src="/assets/js/article/art_cate.js"></script>
</body>

</html>